//适用与手机端的函数封装
(function() {
	size();
	window.onresize = function() {
		size();
	}

	function size() {
		var winW = document.documentElement.clientWidth || document.body.clientWidth;
		document.documentElement.style.fontSize = (winW / 320) * 100 + "px";
	}
})()
//实现页面的效果

//全选效果
//
//var inp = document.getElementsByClassName("che");
//var first=document.getElementById('first');
//var last=document.getElementById('last');
//		//遍历所有的input复选框
//		function cheA(){
//			for(var i=0 ; i<inp.length; i++){
//				//将全选框的状态赋值给其他复选框
//					inp[i].checked = first.checked
//					
//			}
//			$('.zsl').html(zsl());
//			$('.js').html(inp.length-1)
//		}
//		//反全选
//		function cheF(){
//			//声明一个是否选中状态的标识符
//			var cheBoo = true;
//			//遍历所有的复选框
//			for(var i=1 ; i<inp.length-1 ; i++){
//				//如果有复选框为未选中状态则执行if语句的代码
//				if(inp[i].checked != true){ 
//					cheBoo = false;  //当为未选中状态时将标识符赋值为false
//					break;  //结束循环
//				}
//			}
//			first.checked=last.checked = cheBoo;
//			$('.zsl').html(zsl());
//			
//		}

// 删除按钮

var username=sessionStorage.getItem('username');
var useraddr=sessionStorage.getItem('useraddr');
var img_url="http://47.92.37.168/supermarket/img/";
var num_cart=0;
var flag_tab=true;
//点击天猫超市展开，收起商品列表
$('.shop-top').click(function(){
	if (flag_tab) {
		$('.cart_list').hide();
	} else{
		$('.cart_list').show();
	}
	flag_tab=!flag_tab;
})
$.ajax({
	type:"get"
	,url:"http://47.92.37.168/supermarket/data/get_commodity_car.php"
	,async:true
	,data:{'user_phone':username}
	,dataType:"jsonp"
	 ,jsonp:"callback"
	,success:function(data){
		//console.log(data)
		num_cart=data.length;
		if (data) {
			$(data).each(function(){
//				<div class='shop-content' id=""><span class='icon'></span><div class='shop-content-img'><img src='' /></div><div class='shop-content-center'><div class='shop-content-center-top'><p>"+"【天猫超市】"+"</p></div><input type='button' value='-' class='subtract' /><div class='shop-content-center-bottom2' contenteditable='true'>"+this.count+"</div><input type='button' value='+' class='plus' /></div><div class='shop-content-right'><p>数量x<span class='pro_num'>"+this.count+"</span></p><p>￥<span class='pro_price'>"+9+"</span></p><img src='../img/shop_2.png' class='pro_delete' id="" /></div></div>
				$('.cart_list').append('<li id="'+this.commodity_id+'"><div class="l"><i><span class="fa fa-check"></span></i><div class="shopimg"></div></div><div class="m"><p></p><div><button class="jian">-</button><span class="cc" contenteditable="true">'+this.count+'</span><button  class="jia">+</button></div></div><div class="r"><p>数量x<span class="num">'+this.count+'</span></p><p>￥:<span class="price"></span></p><img src="img/shop_2.png" class="delete" id='+this.commodity_id+'/></div></li>');
				//获取产品图片、名称、单价
				var index=$(data).index(this);
				//console.log(this.commodity_id);//39、40、55、31
				getData(this.commodity_id,index);//发送ajax请求是按顺序发送的
				console.log(this.commodity_id)
			});
			//当产品数量为1时，减按钮为白色
			$('.cc').each(function(){
				if ($(this).text()==1) {
					$(this).prev().css('background','#fff');
				}
			})
		}
	}
});

//获取产品图片、名称、单价的函数
function getData (pro_id,index) {
	$.ajax({
		type:"get"
		,url:"http://47.92.37.168/supermarket/data/get_commodity_info.php"
		,async:true
		,data:{
			'id':pro_id
		}
		// ,dataType:"jsonp"
		// ,jsonp:"callback"
		,success:function(data){//接收到的数据缺不是原来的顺序，随机的39 0,55 2,40 1,31 3
			//console.log(data)
			//console.log(pro_id,data);
			$('.l .shopimg').eq(index).append('<img src=" '+img_url+data.img+' ">');
			//console.log(img_url+data.img)
			$('.order .m').eq(index).children('p').html('【天猫超市】 '+data.name);
			

			$('.price').eq(index).attr('price',data.price);
			$('.num').eq(index).attr('weight',parseFloat(data.weight));
			//获取单个商品总价
			$('.price').eq(index).text( ($('.num').eq(index).text()*data.price).toFixed(2) );
			//获取购物车商品总价
			getTotalPrice();
		}
	});
}
//计算购物车商品总价函数
function getTotalPrice () {
		t_p=0;
	 	t_w=0;
	$('.price.selected').each(function(){
		t_p+=Number($(this).text());		
		t_w+= $(this).parent().prev().children('span').attr('weight')*$(this).parent().prev().children('span').text();
	
		//console.log(t_w)
	})
	t_p=t_p.toFixed(2);
	t_w=t_w.toFixed(2);
	$('.t_p').text("￥"+t_p);
	$('.t_w').text(t_w+"g");
}
var flag_all=true;
var num_total=num_cart;

console.log(flag_all);
console.log(num_total)
$(window).on('load',function(){
	fn_span()
})
//封装函数-全选
function fn_span () {
	$('.cart_list i ').each(function(){
		if (!$(this).hasClass('active')) {
			flag_all=false;
		}
	})
	if (flag_all==false) {
		$('#first').addClass('active');
    	$('.cart_list i ').addClass('active');
    	$('#last').addClass('active');
    	num_total=num_cart;
    	$('#get_result').addClass('bg_pay');
    	$('.price').addClass('selected');
	} else{
		$('#first').removeClass('active');
    	$('.cart_list i ').removeClass('active');
    	$('#last').removeClass('active');
    	num_total=0;
    	$('#get_result').removeClass('bg_pay');
    	$('.price').removeClass('selected');
	}
	$('#get_result span').text(num_total);
	getTotalPrice();//获取购物车商品总价
	flag_all=true;
}
//点击顶部全选
$('#first').click(function(){
	stopPro();//阻止冒泡
	fn_span();
})
//点击底部全选
$('#last').click(function(){
	fn_span();
})
//点击列表项
$(document).on('click','.cart_list i',function(){
	var index=$('.cart_list i ').index(this);
	if (!$(this).hasClass('active')) {
		$(this).addClass('active');
		$('.price').eq(index).addClass('selected');
		num_total++;
	} else{
		$(this).removeClass('active');
		$('.price').eq(index).removeClass('selected');
		num_total--;
	}
	if (num_total==0) {
		$('#get_result').removeClass('bg_pay');//结算按钮样式
	}else{
		$('#get_result').addClass('bg_pay');
	}
	$('#get_result ').text("结算（"+num_total+"）");
	$('.cart_list i ').each(function(){
		if (!$(this).hasClass('active')) {
			flag_all=false;
		}
	})
	if (flag_all==false) {
		$('#first').removeClass('active');
		$('#last').removeClass('active');
	} else{
		$('#first').addClass('active');
		$('#last').addClass('active');
	}
	flag_all=true;
	getTotalPrice();
})
//点击顶部全选
$('#first').click(function(){
	stopPro ();//阻止冒泡
	fn_span();
})
//点击底部全选
$('#last').click(function(){
	fn_span();

})
//删除产品
var pro_id=0;
var _this=null;
$(document).on('click','.delete',function(){
	$('.overlay').css('display','block');
	$('.confirm').css({'opacity':'1','transform':'scale(1)'});
	pro_id=$(this).attr('id');
	_this=$(this);
})
//删除商品时点击确定按钮
$('.confirm_ok').click(function(){
	//删除数据表里的商品
	console.log(pro_id,username)
	$.ajax({
		type:"get"
		,url:"http://47.92.37.168/supermarket/data/my_commodity_delete_car.php"
		,async:true
		,data:{
			'commodity_id':pro_id,
			'user_phone':username
		}
		,dataType:"jsonp"
		,jsonp:"callback"
		,success:function(data){
			console.log(data);
			if (data[0].msg=='success') {
				_this.parents('.cart_list li').animate({'opacity':'0'},300,function(){
				
				_this.parents('.cart_list li').remove();//删除页面上此栏产品
					getTotalPrice();//获取购物车商品总价
				});
				num_cart--;//商品的个数减一
				num_total--;//获取购物车商品数量
				if (num_total==0) {
					$('#get_result').removeClass('bg_pay');
					$('#first').removeClass('active');
    				$('#last').removeClass('active');
				}
				$('#get_result span').text(num_total);
			}
		}
	});
	$('.overlay').css('display','none');
	$('.confirm').css({'opacity':'0','transform':'scale(0)'});
})
//删除商品时点击取消按钮
$('.confirm_cancel').click(function(){
	$('.overlay').css('display','none');
	$('.confirm').css({'opacity':'0','transform':'scale(0)'});
})


//点击加按钮
$(document).on('click','.jia',function(){
	$(this).siblings('.jian').css('background','#eee');
	var num=$(this).prev().text();
	var index=$('.jia').index(this);
	num++;
	$(this).prev().text(num);
	$('.num').eq(index).text(num);
	$('.price').eq(index).text( (num*$('.price').eq(index).attr('price')).toFixed(2) );
	getTotalPrice();//获取购物车商品总价
	setCount(num,$(this));
})
//点击减按钮
$(document).on('click','.jian',function(){
	var num=$(this).next().text();
	var index=$('.jian').index(this);
	num--;
	if(num==0){
		$(this).css('background',"#fff");
		return;
	}
	
	$(this).next().text(num);
	$('.num').eq(index).text(num);
	$('.price').eq(index).text( (num*$('.price').eq(index).attr('price')).toFixed(2) );
	getTotalPrice();//获取购物车商品总价
	setCount(num,$(this));	
})

//点击加减修改数据库数据-函数
function setCount (num,_this) {
	$.ajax({
		type:"get"
		,url:"http://47.92.37.168/supermarket/data/my_commodity_update_car.php"
		,async:true
		,data:{
			'user_phone':username,
			'commodity_id':_this.parents('li').attr('id'),
			'count':num
		}
		,dataType:"jsonp"
		,jsonp:"callback"
		,success:function(data){
			console.log(data);
		}
	});
}



//点击结算按钮，跳转到结算页面
$('#get_result').click(function(){
//alert($(this).hasClass('bg_pay'))
//alert('aaa')
if ($(this).hasClass('bg_pay')) {
	//alert($(this).hasClass('bg_pay'))
		if (useraddr) {
			alert(useraddr)
			var arr=useraddr.split('-');
			var num=0;
			$('.order .cart_list li').each(function(){
				if ( $(this).children('.che').prop("checked",true) ) {
					$.ajax({
						type:"get"
						,url:"http://47.92.37.168/supermarket/data/my_commodity_order.php"
						,async:true
						,data:{
							'commodity_id':$(this).attr('id'),//单品id
							'user_phone':username,//账号
							'count':$(this).find('.r .num').text(),//单品数量
							'user_name':arr[3],//收货人姓名
							'user_addr':arr[0]+arr[1]+arr[2],//收货地址
							'consignee_phone':arr[4]//收货人手机号
						}
						,dataType:"jsonp"
						,jsonp:"callback"
						,success:function(data){
							if (data[0].msg=='success') {
								num++;
								if (num==num_total) {
									sessionStorage.setItem('total_price',t_p);
									location.href="account_success.html";
								}
							}
						}
					});
				}
			})
		}else{
			location.href="address.html";
		}
	}
})

//阻止冒泡的函数
function stopPro (evt) {
	var e=evt||window.event;
	if (e.stopPropagation) {
		e.stopPropagation();//w3c阻止冒泡方法
	} else{
		e.cancelBubble=true;//IE阻止冒泡方法
	}
}
